// 引入组件或样式
import Vue from 'vue'
import App from './App'
import router from './router'
import VueAwesomeSwiper from 'vue-awesome-swiper'
import './assets/styles/reset_new.css'
import './assets/styles/border.css'
import './assets/styles/iconfont.css'
import 'swiper/dist/css/swiper.css'
//引用store目录下的 vuex
import store from './store/index'

Vue.config.productionTip = false
Vue.use(VueAwesomeSwiper)

/* 实例化对象vue 也就是创建根实例时 将上面引入的传入进去，这样就可以在各个子组件之间使用了*/
new Vue({
  el: '#app',
  router,
  store,
  components: { App }, //调用之前需得注册组件
  template: '<App/>'  // 组件调用的标签
})



// 首先是index.html 执行main.js实例化Vue对象 接下来执行全局的APP.vue组件 如果模板有内容就插入到id为app的容器里面来

